<template>
  <div>
    <van-search
      v-model="value"
      show-action
      shape="round"
      placeholder="原始猎食渴望Orijen"
      @search="onSearch"
      class="fix"
    >
      <template #action>
        <div @click="goMsgcenter" class="msgbg"></div>
      </template>
    </van-search>
    <carousel></carousel>
  </div>
</template>

<script>
import Carousel from "../components/Carousel.vue";

export default {
  components: { Carousel },
  data(){
    return {
      value:"",
    }
  },
  methods:{
    onSearch(){

    },
    goMsgcenter(){

    }
  }
};
</script>
<style scoped>
.fix {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgb(247, 247, 247);
}
.van-search__content{
  background-color: #fff;
}
.msgbg {
  width: 30px;
  height: 30px;
  background: url("../assets/img/msgcenter-0.png") no-repeat;
  background-size: 100% 100%;
}
</style>
